import React, { lazy } from "react";

const Login = lazy(() => import("../views/login"));
const Detail = lazy(() => import("../views/detail"));
const RankList = lazy(() => import("../views/rankList"));
const Tags = lazy(() => import("../views/tags"));
const UserInfo = lazy(() => import("../views/userInfo"));

export const routes = [
  {
    path: "/login",
    element: <Login></Login>,
  },
  {
    path: "/detail/:id",
    element: <Detail></Detail>,
  },
  {
    path: "/",
    element: <Tags></Tags>,
  },
  {
    path: "/rank/list",
    element: <RankList></RankList>,
  },
  {
    path: "/user/info",
    element: <UserInfo></UserInfo>,
  },
];
